<template>
    <div>
      <header id="layout">
        <img src="../assets/小图标/搜索.png">
        <input type="text" placeholder="搜索">
        <img src="../assets/小图标/扫一扫2.png">
        <img src="../assets/小图标/下载.png">
      </header>
      <router-view class="warp"></router-view>
    </div>
</template>

<script>
    export default {
        name: "Layout",
      data(){
          return{}
      }
    }
</script>

<style>
  #layout{
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 10;
    background: green;
    margin-top: -.2rem;
    padding-bottom: .36rem;
  }
  #layout>input{
    border-radius: 50px;
    width: 85%;
    height: 1rem;
    color: #dfdfdf;
    font-size: .3rem;
    margin-left: .1rem;
    text-indent: 1.1rem;
  }
  #layout>img{
    width: .6rem;
    height: .6rem;
    position: absolute;
  }
  #layout>img:nth-child(1){
    top: .65rem;
    left: .3rem;
  }
  #layout>img:nth-child(3){
    top: .65rem;
    right: 1.8rem;
  }
  #layout>img:nth-child(4){
    top: .65rem;
    right: .4rem;
  }
</style>
